<template>
	<view>
		<tableIData
			:columns="columns"  
			:dataList="dataList"
		></tableIData>
	</view>
</template>

<script>
	import tableIData from './tableIData.vue'
	import img1 from '@/static/index1/47.png'
	import img2 from '@/static/index1/48.png'
	import img3 from '@/static/index1/49.png'
	export default {
		components:{tableIData},
		data() {
			return {
				columns:[
					{
						title:'日期',
						prop:'data',
						align:'center',
						width:300
					},
					{
						title:'单词数',
						prop:'num',
						color:'#4D97FF',
						align:'center',
					},
					{
						title:'正确率',
						prop:'correct',
						align:'center',
					},
					{
						title:'查看详情',
						align:'center',
						width:260,
						render:(h,{row}) =>{
							return h(
								'view',
								{
									class:'cust-row-item',
									style:{
										display:'flex',
										width:'100%',
										justifyContent:'space-between',
										alignItems:'center',
										padding:'0 20rpx'
									}
								},
								[
									h(
										'img',
										{
											attrs:{
												mode:'widthFix',
												src:img1
											},
											style:{
												width:'42rpx',
												marginRight:'10rpx'
											},
											on:{
												click:()=>{
													console.log(1111,this);
												}
											}
										},
										
										
									),
									h(
										'img',
										{
											attrs:{
												mode:'widthFix',
												src:img2
											},
											style:{
												width:'39rpx',
												marginRight:'10rpx'
											},
											on:{
												click:()=>{
													console.log(1111,this);
												}
											}
										},
										
									),
									h(
										'img',
										{
											attrs:{
												mode:'widthFix',
												src:img3
											},
											style:{
												width:'35rpx',
												marginRight:'10rpx'
											},
											on:{
												click:()=>{
													console.log(1111,this);
												}
											}
										},
										
									),
								]
							)
						}
					},
				],
				dataList:[
					{
						data:'2025-05-05 15:24:12',
						num:10,
						correct:'99%',
						detail:''
					},
					{
						data:'2025-05-05 15:24:12',
						num:10,
						correct:'99%',
						detail:''
					}
				]
			}
		}
	}
</script>

<style lang="less">
	// page{
	// 	justify-content: space-between;
	// }

</style>
